<template>
  <BackHeader :title="lang.page_title" />
  <Header />
  <Game @changeResDialog="changeResDialog" />
  <List />
  <ResDialog :show="showResDialog" @change="changeResDialog" />
</template>

<script setup lang="ts">
import ResDialog from "./components/ResDialog.vue";
import Header from "./components/Header.vue";
import Game from "./components/Game.vue";
import List from "./components/List.vue";

const lang: any = getCurrentPageLang("activity/daily-checkin");

const showResDialog = ref(false);
const changeResDialog = (val: boolean) => {
  showResDialog.value = val;
};
</script>

<style scoped lang="scss"></style>
